<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数据资源目录服务系统</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="#" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                数据资源目录服务系统
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                         
                        <!-- Messages: style can be found in dropdown.less-->
                    
                        <!-- Notifications: style can be found in dropdown.less -->
                        
                        <!-- Tasks: style can be found in dropdown.less -->
                        
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>管理员 <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../img/avatar5.png" class="img-circle" alt="User Image" />
                                    <p>
                                        管理员
                                        <small></small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">属性</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 425px;">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="../img/avatar5.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p></p>

                            <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                        </div>
                    </div>
                    <!-- search form -->
                    <form action="#" method="get" class="sidebar-form">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="Search..."/>
                            <span class="input-group-btn">
                                <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li >
                            <a href="../index.html">
                                <i class="fa fa-folder"></i> <span>数据资源目录</span>
                            </a>
                        </li>
                        <li >
                            <a href="./empty-sjlr.html">
                                <i class="fa fa-edit"></i> <span>元数据录入</span> <small class="badge pull-right bg-green">new</small>
                            </a>
                        </li>
                        <li class="active">
                            <a href="#">
                                <i class="fa fa-search"></i> <span>数据搜索</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li>
                            <a href="./empty-sjxz.html">
                                <i class="fa fa-download"></i> <span>数据下载</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li>
                            <a href="./empty-sjtj.html">
                                <i class="fa fa-th"></i> <span>访问统计</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-cog"></i> <span>设置</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                         <li>
                            <a href="#">
                                <i class="fa fa-comment"></i> <span>关于本站</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                     </ul>   
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        <small></small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
                        <li class="active">数据搜索</li>
                    </ol>
                </section>
                 
                <!-- Main content -->
                <section class="content">
       <div class="container-fluid">         
    	<div class="row-fluid">
    	
		<div class="col-md-6">
			<div class="tabbable" id="tabs-629606">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#panel-923855" data-toggle="tab">简单检索</a>
					</li>
					<li>
						<a href="#panel-724453" data-toggle="tab">复合检索</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="panel-923855">
					   <div class="box box-solid box-primary">
							<div class="box-header">
			                                                  
			               </div><!-- /.box-header -->
			               <div class="box-body table-responsive">
						<form class="form-horizontal" role="form">
                                        <!-- text input -->
                                
                        <div class="form-group">
                          <label class="col-sm-4 control-label" for="ds_host" style="font-weight:normal;text-align:right">检索词</label>
                          <div class="col-sm-8">
                             <input class="form-control" id="ds_host" type="text" placeholder=""/>
                          </div>
                         </div>
                          <div class="form-group"> 
                          <label class="col-sm-4 control-label" for="ds_name" style="font-weight:normal;">结果排列方式</label>
                          <div class="col-sm-8">
                              <select  class="form-control" id="sj" >
             
                      
					            <option value ="timeAsc">时间升序</option>
					            <option value ="timedesc">时间降序</option>
					 
                               </select>
                          </div>
                       </div>
                       
                       
                                     
					   </form>
					   </div>
					   <div class="box-footer" style="text-align:center;">
                         <button type="button" class="btn btn-primary   ">搜索</button> 
                         </div>    
				      </div>	 
				
               </div>
					
					<div class="tab-pane " id="panel-724453">     <!-- 复杂检索 -->
					   <div class="box box-solid box-primary">
							<div class="box-header">
			                                                   
			               </div><!-- /.box-header -->
			               <div class="box-body table-responsive">
						<form class="form-horizontal" role="form">
                                        <!-- text input -->
                                
                        <div class="form-group">
                          <label class="col-sm-2 control-label"  style="font-weight:normal;text-align:right">检索项</label>
                          <div class="col-sm-4">
                              <select  class="form-control" id="sj" >
             
                                <option value ="timeAsc">请选择</option>
					            <option value ="timeAsc">元数据名称</option>
					            <option value ="timedesc">关键字</option>
					             <option value ="timedesc">摘要</option>
					              <option value ="timedesc">管理单位</option>
                               </select>
                          </div>
                          
                          <label class="col-sm-2 control-label" for="ds_host" style="font-weight:normal; text-align:right">包含词</label>
                           <div class="col-sm-4">
                             <input class="form-control" id="ds_host" type="text" placeholder=""/>
                          </div>
                         </div>
                         <div class="form-group">
                          <label class="col-sm-2 control-label"  style="font-weight:normal;text-align:right">检索项</label>
                          <div class="col-sm-4">
                              <select  class="form-control" id="sj" >
                                 <option value ="timeAsc">请选择</option>
					            <option value ="timeAsc">元数据名称</option>
					            <option value ="timedesc">关键字</option>
					             <option value ="timedesc">摘要</option>
					              <option value ="timedesc">管理单位</option>
					 
                               </select>
                          </div>
                          
                          <label class="col-sm-2 control-label" for="ds_host" style="font-weight:normal; text-align:right">包含词</label>
                           <div class="col-sm-4">
                             <input class="form-control" id="ds_host" type="text" placeholder=""/>
                          </div>
                         </div>
                         <div class="form-group">
                          <label class="col-sm-2 control-label"  style="font-weight:normal;text-align:right">检索项</label>
                          <div class="col-sm-4">
                              <select  class="form-control" id="sj" >
                                 <option value ="timeAsc">请选择</option>
					            <option value ="timeAsc">元数据名称</option>
					            <option value ="timedesc">关键字</option>
					             <option value ="timedesc">摘要</option>
					              <option value ="timedesc">管理单位</option>
					 
                               </select>
                          </div>
                          
                          <label class="col-sm-2 control-label" for="ds_host" style="font-weight:normal; text-align:right">包含词</label>
                           <div class="col-sm-4">
                             <input class="form-control" id="ds_host" type="text" placeholder=""/>
                          </div>
                         </div>
                         <div class="form-group">
                          <label class="col-sm-2 control-label"  style="font-weight:normal;text-align:right">检索项</label>
                          <div class="col-sm-4">
                              <select  class="form-control" id="sj" >
                                 <option value ="timeAsc">请选择</option>
					            <option value ="timeAsc">元数据名称</option>
					            <option value ="timedesc">关键字</option>
					             <option value ="timedesc">摘要</option>
					              <option value ="timedesc">管理单位</option>
					 
                               </select>
                          </div>
                          
                          <label class="col-sm-2 control-label" for="ds_host" style="font-weight:normal; text-align:right">包含词</label>
                           <div class="col-sm-4">
                             <input class="form-control" id="ds_host" type="text" placeholder=""/>
                          </div>
                         </div>
                          <div class="form-group"> 
                          <label class="col-sm-2 control-label" for="ds_name" style="font-weight:normal;text-align:">排列方式</label>
                          <div class="col-sm-4">
                              <select  class="form-control" id="sj" >
             
                      
					            <option value ="timeAsc">时间升序</option>
					            <option value ="timedesc">时间降序</option>
					 
                               </select>
                          </div>
                       </div>
                       
                       
                                     
					   </form>
					   </div>
					   <div class="box-footer" style="text-align:center;">
                         <button type="button" class="btn btn-primary   ">搜索</button> 
                         </div>    
				</div>	 
				
                      
                        
                                   
					
					</div>
				</div>
			</div>
		</div>
	</div>	
		<div class="col-md-6">
		
		<div class="box box-solid box-primary">
				<div class="box-header">
                <h3 class="box-title">检索结果展示</h3>                                    
               </div><!-- /.box-header -->
                <div class="box-body table-responsive">
				 <s:iterator id="stu" status="index" value="listm">
                
				<div class="offer_box_wide_style1">
			     
				
			    <div>1.</div>
				<div><strong> 元数据名称:国家级行政区取水总量年度考核</strong></div>
				<div>关键字：取水总量 年度</div>
				<div>摘要：2015年国家级行政区取水总量年度考核情况</div>
					<br />
				<button type="button"  class="btn btn-primary   ">查看详细信息</button>
				<button type="button"  class="btn btn-primary   ">数据预览</button>
				<button type="button"  class="btn btn-primary   ">下载数据</button>
				
				
			    <div>2.</div>
				<div><strong> 元数据名称：省级行政区取水总量年度考核</strong></div>
				<div>关键字：省级 年度</div>
				<div>摘要：省级行政区取水总量年度考核情况</div>
					<br />
				<button type="button"  class="btn btn-primary   ">查看详细信息</button>
				<button type="button"  class="btn btn-primary   ">数据预览</button>
				<button type="button"  class="btn btn-primary   ">下载数据</button>	
					</div>
					</s:iterator >
				</div>
				</div>
		</div>
	</div>
</div>
					
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>

    </body>
</html>